Annotation icon
Este vínculo es seguro
Blogs/Wiki
Redes sociales
Ver informe de sitio web
WebAdvisor logo

•

NaN / NaN
Atrás
CO
Haz búsquedas por voz
Notificaciones
CO
Aprende Bootstrap 5 - Curso de Bootstrap desde Cero
Si la reproducción no empieza en breve, prueba a reiniciar el dispositivo.
Arrastra hacia arriba para búsquedas más precisas
Sección "Sobre mí"
3:09:20
No has iniciado sesión
Los vídeos que veas podrían aparecer en el historial de reproducciones de la TV e influir en las recomendaciones. Puedes evitarlo si cancelas e inicias sesión en YouTube desde tu ordenador.
Siguiente
En directo
Próximamente
Ver ahora
freeCodeCamp Español
SUSCRIBIRME
SUSCRITO
Cambiar de cámara
Compartir
Se ha producido un error al recuperar la información de uso compartido. Vuelve a intentarlo más tarde.
Anotaciones
Velocidad de reproducción
1.5
Subtítulos (1)
Desactivados
Calidad
Automática (720p)
Introducción
Nuestro proyecto
Descargar e instalar Visual Studio Code
Extensión Live Server
Herramientas de desarrollo de Chrome
Introducción
Tres pilares de Bootstrap
La grid de Bootstrap
Breakpoints en Bootstrap
Estructura de la grid de Bootstrap
Contenedores en Bootstrap
Contenedores (ejemplo)
Estructura de la grid (filas y columnas)
La grid de Bootstrap con breakpoints
Componentes de Bootstrap
Componentes (ejemplo)
Íconos de Bootstrap
Íconos (ejemplo)
Flexbox
Añadir Bootstrap al proyecto
Favicon y metadatos
Barra de navegación
Sección hero
Sección "Sobre mí"
Sección de experiencia
Sección de proyectos
Sección de artículos
Sección de testimonios
Sección de contacto
Footer y redes sociales
Enlaces internos
Felicitaciones
3:18:53
3:19:06 / 5:04:12•Ver vídeo completo
Cursos Completos

Aprende Bootstrap 5 - Curso de Bootstrap desde Cero

80.746 visualizaciones 10 nov 2022 Cursos Completos
freeCodeCamp Español
freeCodeCamp Español
Verificada
172.000 suscriptores
Suscrito
Me gusta este vídeo
No me gusta este vídeo
Compartir
80.746 visualizaciones 10 nov 2022 Cursos Completos
80.746 visualizaciones • 10 nov 2022 • Cursos Completos
En este curso completo de Bootstrap aprenderás cómo trabajar con la grid de Bootstrap, componentes, íconos y mucho más. Crearás un proyecto paso a paso para aplicar tu conocimiento, una página web de portafolio responsiva. ✏️ Curso creado por: Estefania Cassingena Navone Canal de YouTube de Estefania: https://www.youtube.com/codingwithest... Twitter: https://twitter.com/EstefaniaCassN
📌 Curso de HTML y CSS: https://www.youtube.com/watch?v=XqFR2... ⭐️ Código ⭐️ Ejemplos de Bootstrap: https://github.com/estefaniacn/bootst...
Proyecto: https://github.com/estefaniacn/portaf...
⭐️ Contenido del curso ⭐️ ⌨️ (00:00:00) Introducción ⌨️ (00:01:39) Nuestro proyecto ⌨️ (00:12:54) Descargar e instalar Visual Studio Code ⌨️ (00:19:13) Extensión Live Server ⌨️ (00:22:12) Herramientas de desarrollo de Chrome Introducción a Bootstrap ⌨️ (00:36:20) Introducción ⌨️ (00:43:31) Tres pilares de Bootstrap ⌨️ (00:45:02) La grid de Bootstrap ⌨️ (00:52:57) Breakpoints en Bootstrap ⌨️ (00:58:03) Estructura de la grid de Bootstrap ⌨️ (01:01:54) Contenedores en Bootstrap ⌨️ (01:03:40) Contenedores (ejemplo) ⌨️ (01:18:09) Estructura de la grid (filas y columnas) ⌨️ (01:30:30) La grid de Bootstrap con breakpoints ⌨️ (01:36:53) Componentes de Bootstrap ⌨️ (01:43:32) Componentes (ejemplo) ⌨️ (01:47:11) Íconos de Bootstrap ⌨️ (01:51:12) Íconos (ejemplo) ⌨️ (01:57:05) Flexbox Proyecto ⌨️ (02:10:13) Añadir Bootstrap al proyecto ⌨️ (02:18:30) Favicon y metadatos ⌨️ (02:28:27) Barra de navegación ⌨️ (02:42:08) Sección hero ⌨️ (03:05:48) Sección "Sobre mí" ⌨️ (03:15:19) Sección de experiencia ⌨️ (03:36:33) Sección de proyectos ⌨️ (04:02:54) Sección de artículos ⌨️ (04:13:10) Sección de testimonios ⌨️ (04:32:30) Sección de contacto ⌨️ (04:45:14) Footer y redes sociales ⌨️ (04:59:20) Enlaces internos Final ⌨️ (05:03:43) Felicitaciones 💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: https://www.freecodecamp.org/espanol/
✍️ Lee cientos de artículos de programación de forma gratuita: https://www.freecodecamp.org/espanol/...
🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: https://www.youtube.com/freecodecampe...
En este curso completo de Bootstrap aprenderás cómo trabajar con la grid de Bootstrap, componentes, íconos y mucho más. Crearás un proyecto paso a paso para aplicar tu conocimiento, una página web de portafolio responsiva. En este curso completo de Bootstrap aprenderás cómo trabajar con la grid de Bootstrap, componentes, íconos y mucho más. Crearás un proyecto paso a paso para aplicar tu conocimiento, una página web de portafolio responsiva. ✏️ Curso creado por: Estefania Cassingena Navone Canal de YouTube de Estefania: https://www.youtube.com/codingwithest... Twitter: https://twitter.com/EstefaniaCassN
📌 Curso de HTML y CSS: https://www.youtube.com/watch?v=XqFR2... ⭐️ Código ⭐️ Ejemplos de Bootstrap: https://github.com/estefaniacn/bootst...
Proyecto: https://github.com/estefaniacn/portaf...
⭐️ Contenido del curso ⭐️ ⌨️ (00:00:00) Introducción ⌨️ (00:01:39) Nuestro proyecto ⌨️ (00:12:54) Descargar e instalar Visual Studio Code ⌨️ (00:19:13) Extensión Live Server ⌨️ (00:22:12) Herramientas de desarrollo de Chrome Introducción a Bootstrap ⌨️ (00:36:20) Introducción ⌨️ (00:43:31) Tres pilares de Bootstrap ⌨️ (00:45:02) La grid de Bootstrap ⌨️ (00:52:57) Breakpoints en Bootstrap ⌨️ (00:58:03) Estructura de la grid de Bootstrap ⌨️ (01:01:54) Contenedores en Bootstrap ⌨️ (01:03:40) Contenedores (ejemplo) ⌨️ (01:18:09) Estructura de la grid (filas y columnas) ⌨️ (01:30:30) La grid de Bootstrap con breakpoints ⌨️ (01:36:53) Componentes de Bootstrap ⌨️ (01:43:32) Componentes (ejemplo) ⌨️ (01:47:11) Íconos de Bootstrap ⌨️ (01:51:12) Íconos (ejemplo) ⌨️ (01:57:05) Flexbox Proyecto ⌨️ (02:10:13) Añadir Bootstrap al proyecto ⌨️ (02:18:30) Favicon y metadatos ⌨️ (02:28:27) Barra de navegación ⌨️ (02:42:08) Sección hero ⌨️ (03:05:48) Sección "Sobre mí" ⌨️ (03:15:19) Sección de experiencia ⌨️ (03:36:33) Sección de proyectos ⌨️ (04:02:54) Sección de artículos ⌨️ (04:13:10) Sección de testimonios ⌨️ (04:32:30) Sección de contacto ⌨️ (04:45:14) Footer y redes sociales ⌨️ (04:59:20) Enlaces internos Final ⌨️ (05:03:43) Felicitaciones 💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: https://www.freecodecamp.org/espanol/
✍️ Lee cientos de artículos de programación de forma gratuita: https://www.freecodecamp.org/espanol/...
🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: https://www.youtube.com/freecodecampe...
 …Mostrar más
Mostrar más

Capítulos

Introducción

Introducción

0:00

Introducción

0:00

Nuestro proyecto

Nuestro proyecto

1:39

Nuestro proyecto

1:39

Descargar e instalar Visual Studio Code

Descargar e instalar Visual Studio Code

12:54

Descargar e instalar Visual Studio Code

12:54

Extensión Live Server

Extensión Live Server

19:13

Extensión Live Server

19:13

Herramientas de desarrollo de Chrome

Herramientas de desarrollo de Chrome

22:12

Herramientas de desarrollo de Chrome

22:12

Introducción

Introducción

36:20

Introducción

36:20

Tres pilares de Bootstrap

Tres pilares de Bootstrap

43:31

Tres pilares de Bootstrap

43:31

La grid de Bootstrap

La grid de Bootstrap

45:02

La grid de Bootstrap

45:02

Lista de reproducción destacada

8 vídeos
Cursos Completos
freeCodeCamp Español
Mostrar menos
Comentarios
348
⭐ ¡Hola a todos! Espero que les guste el curso. Aprenderán los fundamentos de Bootstrap paso a paso creando su página web de portafolio. Los invito a compartir sus comentarios. Muchas gracias a todos por su apoyo. 🙂
Cursos Completos

Aprende Bootstrap 5 - Curso de Bootstrap desde Cero

80.746 visualizaciones80.746 visualizaciones
10 nov 2022
Me gusta este vídeo
No me gusta este vídeo
Compartir
Descargar
Clip
Guardar
freeCodeCamp Español
freeCodeCamp Español
Verificada
172.000 suscriptores
Suscrito
En este curso completo de Bootstrap aprenderás cómo trabajar con la grid de Bootstrap, componentes, íconos y mucho más. Crearás un proyecto paso a paso para aplicar tu conocimiento, una página web de portafolio responsiva. ✏️ Curso creado por: Estefania Cassingena Navone Canal de YouTube de Estefania: https://www.youtube.com/codingwithest... Twitter: https://twitter.com/EstefaniaCassN
📌 Curso de HTML y CSS: https://www.youtube.com/watch?v=XqFR2... ⭐️ Código ⭐️ Ejemplos de Bootstrap: https://github.com/estefaniacn/bootst...
Proyecto: https://github.com/estefaniacn/portaf...
⭐️ Contenido del curso ⭐️ ⌨️ (00:00:00) Introducción ⌨️ (00:01:39) Nuestro proyecto ⌨️ (00:12:54) Descargar e instalar Visual Studio Code ⌨️ (00:19:13) Extensión Live Server ⌨️ (00:22:12) Herramientas de desarrollo de Chrome Introducción a Bootstrap ⌨️ (00:36:20) Introducción ⌨️ (00:43:31) Tres pilares de Bootstrap ⌨️ (00:45:02) La grid de Bootstrap ⌨️ (00:52:57) Breakpoints en Bootstrap ⌨️ (00:58:03) Estructura de la grid de Bootstrap ⌨️ (01:01:54) Contenedores en Bootstrap ⌨️ (01:03:40) Contenedores (ejemplo) ⌨️ (01:18:09) Estructura de la grid (filas y columnas) ⌨️ (01:30:30) La grid de Bootstrap con breakpoints ⌨️ (01:36:53) Componentes de Bootstrap ⌨️ (01:43:32) Componentes (ejemplo) ⌨️ (01:47:11) Íconos de Bootstrap ⌨️ (01:51:12) Íconos (ejemplo) ⌨️ (01:57:05) Flexbox Proyecto ⌨️ (02:10:13) Añadir Bootstrap al proyecto ⌨️ (02:18:30) Favicon y metadatos ⌨️ (02:28:27) Barra de navegación ⌨️ (02:42:08) Sección hero ⌨️ (03:05:48) Sección "Sobre mí" ⌨️ (03:15:19) Sección de experiencia ⌨️ (03:36:33) Sección de proyectos ⌨️ (04:02:54) Sección de artículos ⌨️ (04:13:10) Sección de testimonios ⌨️ (04:32:30) Sección de contacto ⌨️ (04:45:14) Footer y redes sociales ⌨️ (04:59:20) Enlaces internos Final ⌨️ (05:03:43) Felicitaciones 💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: https://www.freecodecamp.org/espanol/
✍️ Lee cientos de artículos de programación de forma gratuita: https://www.freecodecamp.org/espanol/...
🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: https://www.youtube.com/freecodecampe...

Capítulos

Introducción

Introducción

0:00

Introducción

0:00

Nuestro proyecto

Nuestro proyecto

1:39

Nuestro proyecto

1:39

Descargar e instalar Visual Studio Code

Descargar e instalar Visual Studio Code

12:54

Descargar e instalar Visual Studio Code

12:54

Extensión Live Server

Extensión Live Server

19:13

Extensión Live Server

19:13

Herramientas de desarrollo de Chrome

Herramientas de desarrollo de Chrome

22:12

Herramientas de desarrollo de Chrome

22:12

Introducción

Introducción

36:20

Introducción

36:20

Tres pilares de Bootstrap

Tres pilares de Bootstrap

43:31

Tres pilares de Bootstrap

43:31

La grid de Bootstrap

La grid de Bootstrap

45:02

La grid de Bootstrap

45:02

Lista de reproducción destacada

8 vídeos
Cursos Completos
freeCodeCamp Español
Mostrar menos Mostrar más

348 comentarios

Ordenar los comentarios
Ordenar por
Mejores comentarios
Más recientes primero
harold alzate
Añade un comentario...
Coding with Estefania
Fijado por freeCodeCamp Español

Coding with Estefania

Coding with Estefania
Coding with Estefania
hace 3 semanas
⭐ ¡Hola a todos! Espero que les guste el curso. Aprenderán los fundamentos de Bootstrap paso a paso creando su página web de portafolio. Los invito a compartir sus comentarios. Muchas gracias a todos por su apoyo. 🙂
Mostrar menos Leer más
42
Me gusta
42
No me gusta
freeCodeCamp Español lo ha marcado con un ❤
freeCodeCamp Español

freeCodeCamp Español

freeCodeCamp Español
freeCodeCamp Español
hace 3 meses
⭐ ¡Hola a todos! Esperamos que les guste el nuevo curso de Bootstrap. En la descripción pueden encontrar un enlace al código de los ejemplos y del proyecto en GitHub y las marcas de tiempo con los temas del curso. Los invitamos a compartir sus comentarios. 👍 ¿Listos para aprender Bootstrap?
Mostrar menos Leer más
132
Me gusta
132
No me gusta
gaston isla casares

gaston isla casares

hace 2 meses
Realmente te felicito por la pasión y claridad a la hora de explicar estos videos. Ojalá sigas subiendo proyectos como este. Una recomendación: estaría bueno un tutorial de como hostear y en que servicios este portfolio para la gente que recien comenza en el tema. Un abrazo desde Argentina.
Mostrar menos Leer más
18
Me gusta
18
No me gusta
freeCodeCamp Español lo ha marcado con un ❤

Oscar Fernando Gonzalez Ramirez

hace 2 meses
me encanta la forma en la que explicas y como configuras el video para que sea mas fácil de estudiar, no tengo dudas de que este canal tendrá un brillante futuro
Mostrar menos Leer más
31
Me gusta
31
No me gusta
freeCodeCamp Español lo ha marcado con un ❤

Luis M

hace 1 hora
Quiero agradecerte por el apoyo que me brindaste en este curso, me dio la fuerza para salir adelante. Doy gracias por cada minuto de cada curso. Gracias por tu enseñanza, ha sido muy importante para mí. 🧡
Mostrar menos Leer más
0
Me gusta
0
No me gusta

e-Sköll

hace 2 meses (editado)
Muchas gracias, Estefanía. Me gustaría que hicieras un curso de Manipulación del DOM con Javascript ya que aunque tomé tu curso de JS, aún me falta aplicarlo a un HTML
Mostrar menos Leer más
6
Me gusta
6
No me gusta
freeCodeCamp Español lo ha marcado con un ❤

SO Quark

hace 1 mes
te quiero mucho estefania tu contenido si que es de calidad, como mucha gente de aqui me gustaria que saques una segunda parte del curso de javascript, mas avanzado y orientado a la comunicacion con el backend y la interaccion y otro de node, si existe alguna posibilidad hazmelo saber que estare muy feliz y agradecido
Mostrar menos Leer más
3
Me gusta
3
No me gusta

Renato Vizuet

hace 2 semanas
Mil gracias por el tiempo que te tomaste para compartirnos tu conocimiento. Bendiciones
Mostrar menos Leer más
1
Me gusta
1
No me gusta
freeCodeCamp Español lo ha marcado con un ❤

Ponchiux7

hace 2 meses (editado)
Woooooow, mil gracias nuevamente Estefanía! He terminado ahora este curso de Bootstrap, estoy fascinado con tu experiencia y la manera tan sencilla de explicar cada paso. Eres increíble, ojalá hagas un curso de PHP y laravel. Ahora voy por el curso de JavaScript
Mostrar menos Leer más
3
Me gusta
3
No me gusta
freeCodeCamp Español lo ha marcado con un ❤

Américo Filho

hace 1 mes
Olá a todos! Falo português do Brasil, e foi um prazer e um desafio fazer o curso em um outro idioma. Didática simples e direta. Adorei! Sucesso e bons cursos ;) 🤗
Mostrar menos Leer más
1
Me gusta
1
No me gusta

Andy Otaku .w.

hace 2 semanas
Estefania, mis felicitaciones por tu excelente y valioso aporte... muchas gracias y mucho éxito!
Mostrar menos Leer más
1
Me gusta
1
No me gusta
freeCodeCamp Español lo ha marcado con un ❤

Candace Lamas

hace 23 horas
Hola Estefanía! Muchísimas gracias por un curso tan claro y entretenido! Tienes una nueva subscritora, saludos desde Argentina, un abrazo!
Mostrar menos Leer más
1
Me gusta
1
No me gusta
freeCodeCamp Español lo ha marcado con un ❤

Alberto Martinez Vasquez

hace 3 meses
Gracias por tan buenos cursos de calidad, te deseo lo mejor Estefanía
Mostrar menos Leer más
24
Me gusta
24
No me gusta
freeCodeCamp Español lo ha marcado con un ❤

Javier Mendoza

hace 1 mes
Hola estefanía vengo una vez mas para felicitarte por este gran curso, no existe uno tan completo y explicado de forma tan profesional como el tuyo, mil gracias por tanta dedicación y esfuerzo. eres la mejor
Mostrar menos Leer más
1
Me gusta
1
No me gusta

Jafer Pictures Co.

hace 3 días
Muchas gracias por el curso. Realmente ha sido una pasada, tanto en contenido como en claridad de las explicaciones. He aprendido mucho y continuaré tomando tus cursos. He disfrutado muchísimo practicando y aprendiendo. Saludos desde España.
Mostrar menos Leer más
1
Me gusta
1
No me gusta
freeCodeCamp Español lo ha marcado con un ❤

Sergio M O

hace 1 mes
Feliz año nuevo!!🍾🥂, me demore un toque por las fiestas, pero lo termine y la verdad excelente explicación de como usar bootstrap5, abría que destapar otra por este hermoso curso y la paciencia que tienes para explicarlo. Mis saludos al equipo, a seguir así yougotthiselbowcough !!!
Mostrar menos Leer más
0
Me gusta
0
No me gusta

Paul

hace 1 mes
Muchas gracias de verdad. Me ayudaste bastante a avanzar en este mundo del desarrollo web, que estaba estancado pero gracias a ti pude ver muchas mas formas de implementar diseños y hacer mucho mejor mi pagina web :D
Mostrar menos Leer más
0
Me gusta
0
No me gusta

Daniel Leo

hace 2 meses
Hola! Para la fecha que estoy haciendo este ejercicio, la version de Bootstrap es ligeramente distinta. Al parecer, img-fluid está overriding (anulando) la clase personalizada que le damos a la imagen. Esto quiere decir que con img-fluid, la media query que usamos en el video no funciona. Para solucionar esto simplemente usé un selector más especifico (id). Pero me pareció importante notificar esto
Mostrar menos Leer más
12
Me gusta
12
No me gusta

Mauricio Diaz Vasquez

hace 1 mes
Excelente curso. Muy buena la explicación de Etefania, y el ejemplo sirve bastante para implementarlo en nuestro portafolio.
Mostrar menos Leer más
1
Me gusta
1
No me gusta
freeCodeCamp Español lo ha marcado con un ❤

floriqu

hace 3 semanas
Excelente video! Estaba trabada con bootstrap y finalmente lo entendí! :) Una curiosidad...que atajo usas para crear los comentarios en HTML??
Mostrar menos Leer más
0
Me gusta
0
No me gusta

Capítulos

Introducción

Introducción

0:00

Introducción

0:00

Nuestro proyecto

Nuestro proyecto

1:39

Nuestro proyecto

1:39

Descargar e instalar Visual Studio Code

Descargar e instalar Visual Studio Code

12:54

Descargar e instalar Visual Studio Code

12:54

Extensión Live Server

Extensión Live Server

19:13

Extensión Live Server

19:13

Herramientas de desarrollo de Chrome

Herramientas de desarrollo de Chrome

22:12

Herramientas de desarrollo de Chrome

22:12

Introducción

Introducción

36:20

Introducción

36:20

Tres pilares de Bootstrap

Tres pilares de Bootstrap

43:31

Tres pilares de Bootstrap

43:31

La grid de Bootstrap

La grid de Bootstrap

45:02

La grid de Bootstrap

45:02

Breakpoints en Bootstrap

Breakpoints en Bootstrap

52:57

Breakpoints en Bootstrap

52:57

Estructura de la grid de Bootstrap

Estructura de la grid de Bootstrap

58:03

Estructura de la grid de Bootstrap

58:03

Contenedores en Bootstrap

Contenedores en Bootstrap

1:01:54

Contenedores en Bootstrap

1:01:54

Contenedores (ejemplo)

Contenedores (ejemplo)

1:03:40

Contenedores (ejemplo)

1:03:40

Estructura de la grid (filas y columnas)

Estructura de la grid (filas y columnas)

1:18:09

Estructura de la grid (filas y columnas)

1:18:09

La grid de Bootstrap con breakpoints

La grid de Bootstrap con breakpoints

1:30:30

La grid de Bootstrap con breakpoints

1:30:30

Componentes de Bootstrap

Componentes de Bootstrap

1:36:53

Componentes de Bootstrap

1:36:53

Componentes (ejemplo)

Componentes (ejemplo)

1:43:32

Componentes (ejemplo)

1:43:32

Íconos de Bootstrap

Íconos de Bootstrap

1:47:11

Íconos de Bootstrap

1:47:11

Íconos (ejemplo)

Íconos (ejemplo)

1:51:12

Íconos (ejemplo)

1:51:12

Flexbox

Flexbox

1:57:05

Flexbox

1:57:05

Añadir Bootstrap al proyecto

Añadir Bootstrap al proyecto

2:10:13

Añadir Bootstrap al proyecto

2:10:13

Favicon y metadatos

Favicon y metadatos

2:18:30

Favicon y metadatos

2:18:30

Barra de navegación

Barra de navegación

2:28:27

Barra de navegación

2:28:27

Sección hero

Sección hero

2:42:08

Sección hero

2:42:08

Sección "Sobre mí"

Sección "Sobre mí"

3:05:48

Sección "Sobre mí"

3:05:48

Sección de experiencia

Sección de experiencia

3:15:19

Sección de experiencia

3:15:19

Sección de proyectos

Sección de proyectos

3:36:33

Sección de proyectos

3:36:33

Sección de artículos

Sección de artículos

4:02:54

Sección de artículos

4:02:54

Sección de testimonios

Sección de testimonios

4:13:10

Sección de testimonios

4:13:10

Sección de contacto

Sección de contacto

4:32:30

Sección de contacto

4:32:30

Footer y redes sociales

Footer y redes sociales

4:45:14

Footer y redes sociales

4:45:14

Enlaces internos

Enlaces internos

4:59:20

Enlaces internos

4:59:20

Felicitaciones

Felicitaciones

5:03:43

Felicitaciones

5:03:43
Sincronizar con el tiempo del vídeo

Crear clip

harold alzate
Público
 
 
0/140
–
30.0 segundos
Sigue creando clips después del anuncio
No puedes crear clips mientras se reproduce un anuncio

Descripción

Aprende Bootstrap 5 - Curso de Bootstrap desde Cero
freeCodeCamp Español
freeCodeCamp Español
3778 Me gusta
80.746 Visualizaciones
10 nov 2022
En este curso completo de Bootstrap aprenderás cómo trabajar con la grid de Bootstrap, componentes, íconos y mucho más. Crearás un proyecto paso a paso para aplicar tu conocimiento, una página web de portafolio responsiva. ✏️ Curso creado por: Estefania Cassingena Navone Canal de YouTube de Estefania: https://www.youtube.com/codingwithest... Twitter: https://twitter.com/EstefaniaCassN
📌 Curso de HTML y CSS: https://www.youtube.com/watch?v=XqFR2... ⭐️ Código ⭐️ Ejemplos de Bootstrap: https://github.com/estefaniacn/bootst...
Proyecto: https://github.com/estefaniacn/portaf...
⭐️ Contenido del curso ⭐️ ⌨️ (00:00:00) Introducción ⌨️ (00:01:39) Nuestro proyecto ⌨️ (00:12:54) Descargar e instalar Visual Studio Code ⌨️ (00:19:13) Extensión Live Server ⌨️ (00:22:12) Herramientas de desarrollo de Chrome Introducción a Bootstrap ⌨️ (00:36:20) Introducción ⌨️ (00:43:31) Tres pilares de Bootstrap ⌨️ (00:45:02) La grid de Bootstrap ⌨️ (00:52:57) Breakpoints en Bootstrap ⌨️ (00:58:03) Estructura de la grid de Bootstrap ⌨️ (01:01:54) Contenedores en Bootstrap ⌨️ (01:03:40) Contenedores (ejemplo) ⌨️ (01:18:09) Estructura de la grid (filas y columnas) ⌨️ (01:30:30) La grid de Bootstrap con breakpoints ⌨️ (01:36:53) Componentes de Bootstrap ⌨️ (01:43:32) Componentes (ejemplo) ⌨️ (01:47:11) Íconos de Bootstrap ⌨️ (01:51:12) Íconos (ejemplo) ⌨️ (01:57:05) Flexbox Proyecto ⌨️ (02:10:13) Añadir Bootstrap al proyecto ⌨️ (02:18:30) Favicon y metadatos ⌨️ (02:28:27) Barra de navegación ⌨️ (02:42:08) Sección hero ⌨️ (03:05:48) Sección "Sobre mí" ⌨️ (03:15:19) Sección de experiencia ⌨️ (03:36:33) Sección de proyectos ⌨️ (04:02:54) Sección de artículos ⌨️ (04:13:10) Sección de testimonios ⌨️ (04:32:30) Sección de contacto ⌨️ (04:45:14) Footer y redes sociales ⌨️ (04:59:20) Enlaces internos Final ⌨️ (05:03:43) Felicitaciones 💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: https://www.freecodecamp.org/espanol/
✍️ Lee cientos de artículos de programación de forma gratuita: https://www.freecodecamp.org/espanol/...
🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: https://www.youtube.com/freecodecampe...
Mostrar menos Mostrar más

Capítulos

Introducción

Introducción

0:00

Introducción

0:00

Nuestro proyecto

Nuestro proyecto

1:39

Nuestro proyecto

1:39

Descargar e instalar Visual Studio Code

Descargar e instalar Visual Studio Code

12:54

Descargar e instalar Visual Studio Code

12:54

Extensión Live Server

Extensión Live Server

19:13

Extensión Live Server

19:13

Lista de reproducción destacada

8 vídeos
Cursos Completos
freeCodeCamp Español

Comentarios 348

Mejores comentarios
Más recientes primero

Transcripción

NaN / NaN
Todos HTML Desarrollo web Programación Presentaciones Relacionados freeCodeCamp Español En directo Subidas recientes Visto

Cobra por Estudiar Ciberseguridad

La escasez de expertos en ciberseguridad significa que empresas le pagarán por aprenderlo
Anuncio
Anuncio
Check Answers
5:32:55 Reproduciendo

Aprende Git y GitHub - Curso desde Cero

freeCodeCamp Español
freeCodeCamp Español
Verificada
•
•
11.614 visualizaciones hace 4 días
Nuevo
8 Reproduciendo

Cursos Completos

freeCodeCamp Español
freeCodeCamp Español
Verificada
•
•
Actualizado hace 4 días
16:10 Reproduciendo

Does The Tesla Semi Live Up To The Hype?

CNBC
CNBC
Verificada
•
•
46.465 visualizaciones hace 3 horas
Nuevo
Reproduciendo

Mix: freeCodeCamp Español

Más de este canal para ti
Más de este canal para ti
•
•
40:32 Reproduciendo

La historia completa de la programación (por EDteam)

EDteam
EDteam
Verificada
•
•
221.806 visualizaciones hace 1 año
7:42:22 Reproduciendo

Curso HTML & CSS ( 1 / 5 ): Fundamentos HTML - jonmircha

jonmircha
jonmircha
•
•
265.901 visualizaciones hace 1 año
3:34 Reproduciendo

Natalie Taylor - Love Is The Answer (Live)

NatalieTaylorMusic
NatalieTaylorMusic
Canal oficial de artista
•
•
6,3 M de visualizaciones hace 1 año
14:26 Reproduciendo

La IA de DeepMind que Descubrió NUEVOS ALGORITMOS! (AlphaTensor)

Dot CSV
Dot CSV
Verificada
•
•
259.094 visualizaciones hace 3 semanas
47:21 Reproduciendo

Historia de Microsoft - Bill Gates y Paul Allen

Jorge Roger Salas Escobar
Jorge Roger Salas Escobar
•
•
331.600 visualizaciones hace 6 años
17:47 Reproduciendo

¿Qué es Python y por qué es el lenguaje número 1 del mundo? - La mejor explicación en español

EDteam
EDteam
Verificada
•
•
102.543 visualizaciones hace 3 meses
4:00 Reproduciendo

Adele - Set fire to the rain (Traducida al Español)

gerardx lynn
gerardx lynn
•
•
101 M de visualizaciones hace 2 años
5:38 Reproduciendo

ZAYN - Dusk Till Dawn (Official Video) ft. Sia

zayn
zayn
Canal oficial de artista
•
•
1958 M de visualizaciones hace 5 años
3:54 Reproduciendo

Melendi - La Promesa (Directo a Septiembre)

Melendi
Melendi
Canal oficial de artista
•
•
63 M de visualizaciones hace 7 años
23:31 Reproduciendo

ChatGPT - el Hype, los Desafíos y el Futuro

Dot CSV
Dot CSV
Verificada
•
•
746.289 visualizaciones hace 1 mes
3:51 Reproduciendo

Martin Garrix & Dua Lipa - Scared To Be Lonely (Official Video)

Martin Garrix
Martin Garrix
Canal oficial de artista
•
•
706 M de visualizaciones hace 6 años
3:38 Reproduciendo

SHAKIRA || BZRP Music Sessions #53

Bizarrap
Bizarrap
Canal oficial de artista
•
•
308 M de visualizaciones hace 1 mes
27:19 Reproduciendo

¿Qué es FREE CODE CAMP? Mi EXPERIENCIA como estudiante. ¿Conseguí TRABAJO de PROGRAMADOR? (Reseña)

Arnau Gómez
Arnau Gómez
•
•
42.958 visualizaciones hace 7 meses
5:02 Reproduciendo

Maroon 5 - Sugar (Official Music Video)

Maroon 5
Maroon 5
Canal oficial de artista
•
•
3823 M de visualizaciones hace 8 años
4:09 Reproduciendo

Are You With Me - Lost Frecuences (Subtitulado en español)

Nick's Music
Nick's Music
•
•
8,6 M de visualizaciones hace 5 años
56:49 Reproduciendo

Chill Lofi Beats [chill lo-fi hip hop beats]

Settle
Settle
•
•
1,1 M de visualizaciones hace 5 meses

•
•